@import "../base";
.content{
  .status{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #e1f1fe;
    text-align: center;
    color: #88caea;
    .title-icon{
      width: 1rem;
      height: auto;
      margin-right: .3rem;
      vertical-align: sub;
    }
  }
  .state_price{
    text-align: center;
    padding: 1rem 0 3rem;
    img{
      width: 4rem;
      height: auto;
    }
    p{
      margin: 0;
    }
    .cancel_pay{
      margin: .8rem 0 .3rem;
      color: @themeColor;
    }
    .n_price{
      color: #adadad;
      font-size: 1rem;
    }
  }
  .img_text_container{
    padding: 0 .5rem;
    .top_box{
      padding: .6rem 0;
      border-top: 1px solid #e9e9e9;
      border-bottom: 1px solid #e9e9e9;
      .img-container{
        width: 30%;
        height: 4rem;
        float: left;
        overflow: hidden;
        text-align: center;
        img{
          width: 145%;
        }
      }
      .text-container{
        float: right;
        font-size: .75rem;
        width: 66%;
        p{
          margin: 0;
          font-size: .7rem;
          color: #9f9f9f;
          &:nth-child(1){
            font-size: .75rem;
            color: #000;
            margin-bottom: .3rem;
          }
        }
      }
    }
    .date{
      color: #9f9f9f;
      border-bottom: 1px solid #e9e9e9;
      padding: .6rem 0;
      font-size: .75rem;
      margin-bottom: 1rem;
    }
    .description{
      color: #9f9f9f;
      font-size: .75rem;
      margin-bottom: 1rem;
    }
    .btn_container{
      a{
        display: block;
        float: right;
        background: @themeColor;
        color: #fff;
        width: 4rem;
        height: 2rem;
        margin-left: .5rem;
        border-radius: 5px;
        text-align: center;
        line-height: 2rem;
        font-size: .73rem;
      }
    }
  }
}